<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>scegli</title>
<link rel="stylesheet" type="text/css" href="scegli.css"/>
<script type="text/JavaScript" src="scegli.js" ></script> 
</head>

<body>
<div id="title">
	Inserisci:
    <ul id="scegli-list">
    <li><input type="radio"  class="scelta" value="h3" name="scelta" onclick="setVisible('button-c-paragrafo','button-c');nascondi('p-container');"/>Titolo</li>
    <li><input type="radio"  class="scelta" value="p" name="scelta" onclick="setVisible('button-c','button-c-paragrafo');nascondi('title-container');"/>Paragrafo</li>
    <!--<li><input type="radio"  class="scelta" value="immagine" name="stile" />Immagine</li>-->
    </ul> 
</div>

<div id="button-c">
    <ul id="button-list">
    <li><input type="button"  class="button-testo" value="Nuovo" name="nuovo" onclick="setTitle()"/></li>
    <li><a href="../../tchoose?type=h3"><input type="button"  class="button-testo" value="Gi&agrave; esistente" name="esistente"/></a></li>
    <!--<li><input type="radio"  class="scelta" value="immagine" name="stile" />Immagine</li>-->
    </ul> 
</div>

<div id="button-c-paragrafo">
    <ul id="button-list-p">
    <li><input type="button"  class="button-p" value="Nuovo" name="nuovo" onclick="setP()"/></li>
    <li><a href="../../tchoose?type=p"><input type="button"  class="button-p" value="Gi&agrave; esistente" name="esistente"/></a></li>
    <!--<li><input type="radio"  class="scelta" value="immagine" name="stile" />Immagine</li>-->
    </ul> 
</div>

<div id="title-container">
<form action="../../editing" method="post" name="modulo_titolo" id="modulo_titolo">
<input type="radio"  value="h3" name="scelta"  checked="checked"  style="display:none"/>
 <table>
 <div id="show_message_titolo">I seguenti campi sono obbigatori*:</div>
  <tr>
    <td class="nome">Nome<span id="star_nome_titolo">*</span>:</td>
    <td class="col2"><input class="testo" type="text"  name="nome" value=""/></td>
  </tr>
  <tr>
    <td class="nome">Titolo<span id="star_testo_titolo">*</span>:</td>
    <td class="col2"><input class="testo" type="text"  name="testo" value=""/></td>
  </tr>
  </table>
  <input type="submit" value="Aggiungi"  id="bottone_sup" name="submit" onclick="if(controllaVuoti('modulo_titolo','star_nome_titolo','star_testo_titolo','show_message_titolo')!=true){return false;}sostituisci('modulo_paragrafo')"/>
  <div id="style-contents">
  <h3 id="h3Color">Colore:</h3>
  
  <table id="color-table">

  <tr>
  <td><div id="yellow"><input type="radio"  class="color" value="color:#FF0" name="color"/></div></td>
  <td><div id="orange"><input type="radio"  class="color" value="color:#F60" name="color"/></div></td>
  <td><div id="red"><input type="radio"  class="color" value="color:#F00" name="color"/></div></td>
  <td><div id="pink"><input type="radio"  class="color" value="color:#F9C" name="color"/></div></td>
  <td><div id="violet"><input type="radio"  class="color" value="color:#93F" name="color"/></div></td>
  <td><div id="blue"><input type="radio"  class="color" value="color:#03C" name="color"/></div></td>
  <td><div id="light-blue"><input type="radio"  class="color" value="color:#00CCFF" name="color"/></div></td>
  <td><div id="light-green"><input type="radio"  class="color" value="color:#3F0" name="color"/></div></td>
  <td><div id="green"><input type="radio"  class="color" value="color:#090" name="color"/></div></td>
  <td><div id="black"><input type="radio"  class="color" value="color:#000" name="color"  /></div></td>
  </tr>
 </table>
<!--    <ul id="color-list">
    
    
    	<li><input type="radio"  class="color" value="color:#FF0" name="color"/><div id="yellow"></div></li>
    	<li><input type="radio"  class="color" value="color:#F60" name="color"/><div id="orange"></div></li>
    	<li><input type="radio"  class="color" value="color:#F00" name="color"/><div id="red"></div></li>
        <li><input type="radio"  class="color" value="color:#F9C" name="color"/><div id="pink"></div></li>
    	<li><input type="radio"  class="color" value="color:#93F" name="color"/><div id="violet"></div></li>
    	<li><input type="radio"  class="color" value="color:#03C" name="color"/><div id="blue"></div></li>
        <li><input type="radio"  class="color" value="color:#00CCFF" name="color"/><div id="light-blue"></div></li>
    	<li><input type="radio"  class="color" value="color:#3F0" name="color"/><div id="light-green"></div></li>
    	<li><input type="radio"  class="color" value="color:#090" name="color"/><div id="green"></div></li>
        <li><input type="radio"  class="color" value="color:#000" name="color"/><div id="black"></div></li>
    </ul> -->   
   </div>
    <h3 id="h3Color">Dimensione Font:</h3>
   <select name="font-size">
					<option value="font-size:20px">20</option>
					<option value="font-size:22px">22</option>
					<option value="font-size:24px">24</option>
					<option value="font-size:26px">26</option>
                    <option value="font-size:28px">28</option>
                    <option value="font-size:30px">30</option>

				</select>
                <br /><br />
    
    <h3>Font:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="font-family:Verdana" name="font"/><span style="font-family:Verdana">Verdana</span></li>
    <li><input type="radio"  class="stile" value="font-family:Arial" name="font"/><span style="font-family:Arial">Arial</span></li>
    <li><input type="radio"  class="stile" value="font-family:Tahoma" name="font"/><span style="font-family:Tahoma">Tahoma</span></li>
   </ul>
   
  <h3>Font-Style:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="font-style:italic" name="stile"/><em>Italic</em></li>
    <li><input type="radio"  class="stile" value="font-style:normal" name="stile" checked="checked" />Normal</li>
 
   </ul><h3>Font-Weight:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="font-weight:bold" name="weight"/><strong>Bold</strong></li>
    <li><input type="radio"  class="stile" value="font-weight:normal" name="weight" checked="checked" />Normal</li>
   </ul>
   
    <h3>Text-decoration:</h3>
   <ul id="fontstyle-list">
   <li><input type="radio"  class="stile" value="text-decoration:overline" name="dec"/><span style="text-decoration:overline">Overline</span></li>
    <li><input type="radio"  class="stile" value="text-decoration:underline" name="dec"/><u>Underline</u></li>
    <li><input type="radio"  class="stile" value="text-decoration:line-through" name="dec"/><span style="text-decoration:line-through">Sbarrato</span></li>
	<li><input type="radio"  class="stile" value="text-decoration:none" name="dec" checked="checked"/>Normal</li>
   </ul>
   
   <h3>Text-align:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="text-align:center" name="al" checked="checked" />Center</li>
    <li><input type="radio"  class="stile" value="text-align:justify" name="al" />Justify</li>
    <li><input type="radio"  class="stile" value="text-align:left" name="al"/>Left</li>
    <li><input type="radio"  class="stile" value="text-align:right" name="al"/>Right</li>
   </ul>
 	<br />
	<input type="submit" value="Aggiungi"  id="bottone" name="submit" onclick="if(controllaVuoti('modulo_titolo','star_nome_titolo','star_testo_titolo','show_message_titolo')!=true){return false;}"/>
</form>
</div>
<div id="p-container">
<form action="../../editing" method="post" name="modulo_paragrafo" id="modulo_paragrafo">
<input type="radio"  value="p" name="scelta"  checked="checked"  style="display:none"/>
 <table>
 <div id="show_message_paragrafo">I seguenti campi sono obbigatori*:</div>
  <tr>
    <td class="nome">Nome<span id="star_nome_paragrafo">*</span>:</td>
    <td class="col2"><input class="testo" type="text"  name="nome" value=""  /></td>
  </tr>
  </table>
  <h3>Inserisci Paragrafo<span id="star_testo_paragrafo">*</span>:</h3>
  <input type="button" id="link-button" value="link" onclick="setVisibleElement('link-container')"/>
  <input type="button" id="b-button" value="b" onclick="addStyle('<strong></strong>')"/>
  <input type="button" id="i-button" value="i" onclick="addStyle('<em></em>')"/>
  <input type="button" id="u-button" value="u" onclick="addStyle('<u></u>')"/>
  
  <div id="link-container"> 
	<div id="show_message_link">I seguenti campi sono obbigatori*:</div>
  <table>
   <tr>
    <td class="nomelink"><strong>Nome<span id="star_nome_link">*</span>: </strong></td>
    <td class="imputlink"><input id="input_nome_link" class="testo" type="text"  name="nome-link" value=""  /></td>
  </tr>
  <tr>
    <td class="nomelink"><strong>Url<span id="star_url_link">*</span>:</strong> &nbsp; http://</td>
    <td ><input id="input_url"class="testo" type="text"  name="url-link" value=""  /></td>
  </tr>
  </table>
    <input type="button" value="Aggiungi"  id="bottone2" name="invia" onclick="addLink('input_nome_link','input_url');setVisibleElement('link-container');" />
 				<!--if(controllaVuoti('modulo','star_nome','show_message')!=true){return false;} -->
  </div>
  
  
  <textarea cols="100" rows="50" value="" id="area" name="testo"></textarea>
 <br/>
 <br/>
 <input type="submit" value="Aggiungi"  id="bottone_sup" name="submit" onclick="if(controllaVuoti('modulo_paragrafo','star_nome_paragrafo','star_testo_paragrafo','show_message_paragrafo')!=true){return false;}sostituisci('modulo_paragrafo')"/>
 <div id="style-contents"><h3 id="h3Color">Colore:</h3>
     <table id="color-table">
      
        <tr>
  <td><div id="yellow"><input type="radio"  class="color" value="color:#FF0" name="color" /></div></td>
  <td><div id="orange"><input type="radio"  class="color" value="color:#F60" name="color"/></div></td>
  <td><div id="red"><input type="radio"  class="color" value="color:#F00" name="color"/></div></td>
  <td><div id="pink"><input type="radio"  class="color" value="color:#F9C" name="color"/></div></td>
  <td><div id="violet"><input type="radio"  class="color" value="color:#93F" name="color"/></div></td>
  <td><div id="blue"><input type="radio"  class="color" value="color:#03C" name="color"/></div></td>
  <td><div id="light-blue"><input type="radio"  class="color" value="color:#00CCFF" name="color"/></div></td>
  <td><div id="light-green"><input type="radio"  class="color" value="color:#3F0" name="color"/></div></td>
  <td><div id="green"><input type="radio"  class="color" value="color:#090" name="color"/></div></td>
  <td><div id="black"><input type="radio"  class="color" value="color:#000" name="color" /></div></td>
  </tr>
 </table> 
   </div>
   <h3 id="h3Color">Dimensione Font:</h3>
   <select name="font-size">

					<option value="font-size:14px">14</option>
					<option value="font-size:16px">16</option>
					<option value="font-size:18px">18</option>
					<option value="font-size:20px">20</option>
                    <option value="font-size:22px">22</option>
                    <option value="font-size:24px">24</option>

				</select><br /><br />
 	<h3>Font:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="font-family:Verdana" name="font"/><span style="font-family:Verdana">Verdana</span></li>
    <li><input type="radio"  class="stile" value="font-family:Arial" name="font"/><span style="font-family:Arial">Arial</span></li>
    <li><input type="radio"  class="stile" value="font-family:Tahoma" name="font"/><span style="font-family:Tahoma">Tahoma</span></li>
   </ul>
   
  <h3>Font-Style:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="font-style:italic" name="stile"/><em>Italic</em></li>
    <li><input type="radio"  class="stile" value="font-style:normal" name="stile" checked="checked"/>Normal</li>
 
   </ul><h3>Font-Weight:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="font-weight:bold" name="weight"/><strong>Bold</strong></li>
    <li><input type="radio"  class="stile" value="font-weight:normal" name="weight" checked="checked"/>Normal</li>
   </ul>
   
    <h3>Text-decoration:</h3>
   <ul id="fontstyle-list">
   <li><input type="radio"  class="stile" value="text-decoration:overline" name="dec"/><span style="text-decoration:overline">Overline</span></li>
    <li><input type="radio"  class="stile" value="text-decoration:underline" name="dec"/><u>Underline</u></li>
    <li><input type="radio"  class="stile" value="text-decoration:line-through" name="dec"/><span style="text-decoration:line-through">Sbarrato</span></li>
	<li><input type="radio"  class="stile" value="text-decoration:none" name="dec" checked="checked"/>Normal</li>
   </ul>
   
   <h3>Text-align:</h3>
   <ul id="fontstyle-list">
    <li><input type="radio"  class="stile" value="text-align:center" name="al" />Center</li>
    <li><input type="radio"  class="stile" value="text-align:justify" name="al" checked="checked"/>Justify</li>
    <li><input type="radio"  class="stile" value="text-align:left" name="al"/>Left</li>
    <li><input type="radio"  class="stile" value="text-align:right" name="al"/>Right</li>
   </ul>
 	<br />

	<input type="submit" value="Aggiungi"  id="bottone" name="submit" onclick="if(controllaVuoti('modulo_paragrafo','star_nome_paragrafo','star_testo_paragrafo','show_message_paragrafo')!=true){return false;}sostituisci('modulo_paragrafo')"/>
</form>


</div>
</body>
</html>
